<template>
  <div class="reference">
    <div>评分参考值：</div>
    <div class="reference">
      <div v-for="accessMark in reference">
        {{accessMark.valueMin}} ~ {{accessMark.valueMax}}分：{{accessMark.resultName}}：
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    props:["reference"],
    data(){
      return {

      }
    },
    watch:{

    },
    methods: {
      init(){

      },


    },
    mounted: function () {
      this.init();
    },
  }
</script>

<style>

   .resultSheet{
    padding-left: 15px;
    font-size: 14px!important;
  }
   .resultSheet .result .panel-title{
     margin-top: 0px!important;
   }
   .resultSheet .panel-title{
     width:auto;
   }
   .resultSheet .result .tabs tr{
     background-color:#eef1f6 ;
   }
   .resultSheet .plan-meal .care{
     margin-top:15px;
     margin-bottom:20px;
     width: 350px;
   }

   .resultSheet .panel .fee .synchronize{
     display: inline-block;
     width:300px;
     font-size: 12px;
   }
   .resultSheet .panel .fee .synchronize label{
     margin-bottom:7px;
   }
   .resultSheet .assessmentInput{
     margin-top: 30px;
     padding-left: 15px;
   }
   .resultSheet .assessmentInput label{
     margin-right:7px;
   }
   .resultSheet .assessmentInput .el-row{
     margin-bottom:10px;
   }
</style>
